<template>
	<view class="tips">
		<view class="title">
			注意事项
		</view>
		<view class="hand">
			<scroll-view :scroll-x="true" >
				<view class="dataInfo">
					<view class="dataList" v-for="item in 3">
						<view class="list">
							<image class="decoration" src="https://wuyouzhuanapp.oss-cn-beijing.aliyuncs.com/7.png" mode="widthFix"></image>
							<view class="tit">
								无忧赚的收益如何？
							</view>
							<view class="desc">
								创作者自行上传原创素材导致粉丝访问获取一定的收益奖励，平台按照专属搜索码计费，必须在小程序输入搜索码后下载才会计费变现。
							</view>
						</view>
					</view>
					
					
				</view>
			</scroll-view>
		</view>
	
	
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	.tips {
			padding: 0 32rpx;
	
			.title {
				font-size: 32rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #333333;
				line-height: 38rpx;
			}
	
			.hand {
				padding: 12rpx 0 31rpx;
	
	
				.dataInfo {
					width: 100%;
					display: flex;
				}
	
				.dataList {
					margin: 18rpx;
				}
	
				.dataList:first-child {
					margin-left: 0;
				}
	
				.list {
					display: inline-block;
					width: 535rpx;
					height: 291rpx;
					background: #FFFFFF;
					border-radius: 13rpx 13rpx 13rpx 13rpx;
					opacity: 1;
					padding:20rpx 33rpx 23rpx;
					.decoration{
						width: 41rpx;
						height: 6rpx;
					}
					.tit{
						font-size: 28rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: #333333;
						line-height: 1;
						padding: 23rpx 0 21rpx;
					}
					.desc{
						
						font-size: 25rpx;
						font-family: PingFang SC-Light, PingFang SC;
						font-weight: 300;
						color: #666666;
						// line-height: 29rpx;
						text-align: justify;
						 display: -webkit-box;
						    -webkit-box-orient: vertical;
						    -webkit-line-clamp: 4;
						    overflow: hidden;
						
					}
				}
			}
		}
	
</style>